<div class="innerbanner">
    <img src="/static/v1/picture/con_banner.jpg" alt="" style="transform: scale(1.53922);">
    <div class="text icenter3">
        <h3 aos="fade-up" class="aos-init aos-animate">联系我们</h3>
        <h4 aos="fade-up" class="aos-init aos-animate">CONTACT US</h4>
    </div>
</div>


<script>
    $(window).scroll(function () {
        scroll = $(document).scrollTop();
        bai = 1 + scroll / $(document).height()
        $(".innerbanner img").css("transform", "scale(" + bai + ")")
    })
</script>

<div class="fx">
    <div class="com_nav">
        <div class="icenter3 aos-init aos-animate" aos="fade-up">
            <div class="le">联系方式</div>
            <!-- <div class="ri">
                <a href="/v1/contactus.html" class="active">联系方式</a>
            </div> -->
        </div>
    </div>
    <!-- con01 -->
    <div class="con01">
        <div class="icenter3 aos-init aos-animate" aos="fade-up">
            <div class="text">
                <div class="title">
                    <h3 class="ag_h3">北京赛亿科技有限公司</h3>
                    <p>致力于成为中国高性能功能材料技术领导者</p>
                </div>
                <ul>
                    <li>
                        <img src="/static/v1/images/con01_i1.png" alt="">
                        <span>北京市海淀区学院路30号方兴大厦</span>
                    </li>
                    <li>
                        <img src="/static/v1/images/con01_i2.png" alt="">
                        <span>010-62343188</span>
                    </li>
                    <li>
                        <img src="/static/v1/images/con01_i3.png" alt="">
                        <span>010-62345995</span>
                    </li>
                </ul>
                <a href="https://map.baidu.com/search/%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E6%96%B9%E5%85%B4%E5%A4%A7%E5%8E%A6/@12953592.004929502,4838070.985450299,19z?querytype=s&da_src=shareurl&wd=%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E6%96%B9%E5%85%B4%E5%A4%A7%E5%8E%A6&c=131&src=0&pn=0&sug=0&l=19&b=(12953112.004929502,4837843.235450299;12954072.004929502,4838298.735450299)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1" target="_blank" class="more">查看地图</a>
            </div>
            <div class="imgbox"><img src="/static/v1/picture/con01_ri.jpg" alt=""></div>
        </div>
    </div>

    <!-- con02 -->
    <div class="con02">
        <div class="icenter3 aos-init aos-animate" aos="fade-up">
            <h3 class="ag_h3">分部信息</h3>
            <div class="bot">
                <div class="swiper con02Swiper swiper-container-horizontal">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="imgbox"><img src="/static/v1/picture/江西.jpg" alt=""></div>
                                <div class="text">
                                    <div class="title">
                                        <h4>江西赛亿新材料科技有限公司</h4>
                                        <!-- <h5>材料设计、制粉工艺及打印验证<br>
                                            规划年产3500吨钛合金、模具钢、钴铬合金等粉末</h5> -->
                                    </div>
                                    <ul>
                                        <li><img src="/static/v1/images/con02_i2.png" alt=""><span>江西省鹰潭市贵溪市铜产业循环经济基地</span>
                                        </li>
                                        <li><img src="/static/v1/images/con02_i3.png" alt=""><span>18911130690</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="imgbox"><img src="/static/v1/picture/hubei.jpg" alt=""></div>
                                <div class="text">
                                    <div class="title">
                                        <h4>湖北赛亿新材料技术有限公司</h4>
                                        <!-- <h5>打印验证、金属粉末<br>
                                            及打印设备售前售后服务<br>
                                        </h5> -->
                                    </div>
                                    <ul>
                                        <li><img src="/static/v1/images/con02_i2.png" alt=""><span>湖北省武汉市武昌区和平大道716号</span>
                                        </li>
                                        <li><img src="/static/v1/images/con02_i3.png" alt=""><span>13862651559</span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="imgbox"><img src="/static/v1/picture/xijiang.jpg" alt=""></div>
                                <div class="text">
                                    <div class="title">
                                        <h4>北京赛亿科技有限公司新疆办事处</h4>
                                        <!-- <h5>打印验证、金属粉末<br>
                                            及打印设备售前售后服务<br>
                                        </h5> -->
                                    </div>
                                    <ul>
                                        <li><img src="/static/v1/images/con02_i2.png" alt=""><span>乌鲁木齐市沙依巴克区西虹西路52号</span></li>
                                        <li><img src="/static/v1/images/con02_i3.png" alt=""><span>13611090677</span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <div class="imgbox"><img src="/static/v1/picture/ningxia.jpg" alt=""></div>
                                <div class="text">
                                    <div class="title">
                                        <h4>北京赛亿科技有限公司宁夏办事处</h4>
                                        <!-- <h5>销售、售后</h5> -->
                                    </div>
                                    <ul>                         
                                        <li><img src="/static/v1/images/con02_i3.png" alt=""><span>13331135828</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev con02Swiper-button-prev  fa fa-angle-left" tabindex="0" role="button"
                        aria-label="Previous slide"></div>
                    <div class="swiper-button-next con02Swiper-button-next fa fa-angle-right" tabindex="0" role="button"
                        aria-label="Next slide"></div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                </div>
            </div>
        </div>
    </div>

    <script>
        var con02Swiper = new Swiper('.con02Swiper', {
            loop: true, // 循环模式选项
            slidesPerView: 3,
            spaceBetween: 30,
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.con02Swiper-button-next',
                prevEl: '.con02Swiper-button-prev',
            },
            breakpoints: {
                768: {  //当屏幕宽度小于等于768 
                    slidesPerView: 1,
                    spaceBetween: 20
                },
            },
        })
    </script>

    <!-- con03 -->
    <div class="con03">
        <div class="ding" id="con03"></div>
        <div class="icenter3 aos-init aos-animate" aos="fade-up">
            <h3 class="ag_h3">在线留言</h3>
            <h4>更多金属焊丝、增材制造合作探讨，请填写下方意向信息，第一时间联系您！</h4>
            <div>
                <div role="form" class="wpcf7" id="wpcf7-f2004-o1" lang="zh-CN" dir="ltr">
                    <div class="screen-reader-response"></div>
                    <form action="" method="post" class="wpcf7-form" novalidate="novalidate" id="gusetbook-form">
                        <div class="sp sp1">
                            <div class="cc"><label for="">姓名*</label><span
                                    class="wpcf7-form-control-wrap text-439"><input type="text" name="text-439" id="nodeboard_set_name" value=""
                                        size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                        aria-required="true" aria-invalid="false"></span></div>
                            <div class="cc"><label for="">公司*</label><span
                                    class="wpcf7-form-control-wrap text-258"><input type="text" name="text-258" id="nodeboard_set_company" value=""
                                        size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                        aria-required="true" aria-invalid="false"></span></div>
                        </div>
                        <div class="sp sp2">
                            <div class="cc"><label for="">行业*</label><span
                                    class="wpcf7-form-control-wrap text-441"><input type="text" name="text-441" id="nodeboard_set_industry" value=""
                                        size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                        aria-required="true" aria-invalid="false"></span></div>
                            <div class="cc"><label for="">城市*</label><span
                                    class="wpcf7-form-control-wrap text-442"><input type="text" name="text-442" id="nodeboard_set_city" value=""
                                        size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                        aria-required="true" aria-invalid="false"></span></div>
                        </div>
                        <div class="sp sp3">
                            <div class="cc"><label for="">电话*</label><span class="wpcf7-form-control-wrap tel-88"><input
                                        type="tel" name="tel-88" id="nodeboard_set_phone" value="" size="40"
                                        class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel"
                                        aria-required="true" aria-invalid="false"></span></div>
                            <div class="cc"><label for="">邮箱*</label><span
                                    class="wpcf7-form-control-wrap email-941"><input type="email" name="email-941" id="nodeboard_set_email"
                                        value="" size="40"
                                        class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email"
                                        aria-required="true" aria-invalid="false"></span></div>
                        </div>
                        <div class="sp sp4">
                            <div class="cc"><label for="">留言*</label><span
                                    class="wpcf7-form-control-wrap textarea-953"><textarea name="textarea-953" id="nodeboard_set_content" cols="40"
                                        rows="10" class="wpcf7-form-control wpcf7-textarea"
                                        aria-invalid="false"></textarea></span></div>
                        </div>
                        <input type="hidden" name="__token__" value="{:token()}" />
                        <h6>▪ 以上信息仅用于需求收集及对接，赛亿科技承诺做好信息保密工作，绝不用于其他商用途径</h6>
                        <a id="tj"><p><button type="button" class="more">提交</button></p></a> 
                        <div class="wpcf7-response-output wpcf7-display-none"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script type='text/javascript'>
        jQuery(document).ready(function ($) {
            $("#tj").click(function () {
                var name = $("#nodeboard_set_name").val();
                var phone = $("#nodeboard_set_phone").val();
                var content = $("#nodeboard_set_content").val();
                var token = $("input[name='__token__']").val();
                var company = $("#nodeboard_set_company").val();
                var industry = $("#nodeboard_set_industry").val();
                var city = $("#nodeboard_set_city").val();
                var email = $("#nodeboard_set_email").val();
    
                $.post('/message_board', {
                    'name': name,
                    'phone': phone,
                    'content': content,
                    '__token__': token,
                    'company': company,
                    'industry': industry,
                    'city': city,
                    'email': email
                }, function (res) {
                    alert(res.msg);
                    if (res.code == 0) {
                        document.getElementById("gusetbook-form").reset(); 
                    }
                    $.get('/token', function(res){
                        $("input[name='__token__']").val(res);
                    });
                }, 'json')
            });
        })
    </script>
</div>